<%--
  Created by IntelliJ IDEA.
  User: brss
  Date: 2017/8/9
  Time: 19:42
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<html>
<head>
    <title>欢迎来到HyBlog</title>
    <!-- Bootstrap core CSS -->
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/blog.css" rel="stylesheet">

</head>
<body>
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="/imgs/head.png" width="30" class="img-responsive center-block"></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="/index">首页 <span class="sr-only">(current)</span></a></li>
                <li><a href="/portal/showMessage">留言板</a></li>
                <li class="active"><a href="#">关于</a></li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>


<div class="container">

    <div class="blog-header">
        <h1 class="blog-title">HyBlog</h1>
        <p class="lead blog-description">学习，生活杂文聚集地。</p>
    </div>

    <div class="row">

        <div class="well">本站通知:本站的第一个测试版本上线，欢迎大家帮忙测试漏洞</div>
        <div class="col-sm-12 blog-main">
            <div style="text-align: center"><b>关于我</b></div>
            <p>90后在读大学生一枚</p>
            <div style="text-align: center"><b>联系我</b></div>
            <p>QQ:609581268</p>
            <p>邮箱：yalvhe2009@vip.qq.com</p>
            <p>GitHub：<a href="https://github.com/yalvhe2009">https://github.com/yalvhe2009</a> </p>
            <p>OSChina：<a href="https://git.oschina.net/yalvhe2009">https://git.oschina.net/yalvhe2009</a> </p>
            <div style="text-align: center"><b>关于本站</b></div>
            <p>本站的服务器开发语言是java语言，使用了SSM框架，前端使用的是：bootstrap框架。第一次写web应用，接触到前端的一些东西也不是很熟，所以界面比较简单，部分静态文件没有进行压缩，所以访问速度可能会慢一点，请见谅。</p>

        </div><!-- /.blog-main -->



    </div><!-- /.row -->

</div><!-- /.container -->

<footer class="blog-footer">
    <p>
        <a href="#">Back to top</a>
    </p>
    <p>&copy;2017 &nbsp;&nbsp;HyBlog  版权所有</p>
</footer>

</body>

<!-- jquery插件 -->
<script src="/jquery/jquery-3.2.1.min.js"></script>
<!-- bootstrap核心js -->
<script src="/js/bootstrap.min.js"></script>
<script src="/js/canvas-nest.min.js"></script>
<script>
    !function(){function n(n,e,t){return n.getAttribute(e)||t}function e(n){return document.getElementsByTagName(n)}function t(){var t=e("script"),o=t.length,i=t[o-1];return{l:o,z:n(i,"zIndex",-1),o:n(i,"opacity",.5),c:n(i,"color","0,255,0"),n:n(i,"count",200)}}function o(){a=m.width=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,c=m.height=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight}function i(){r.clearRect(0,0,a,c);var n,e,t,o,m,l;s.forEach(function(i,x){for(i.x+=i.xa,i.y+=i.ya,i.xa*=i.x>a||i.x<0?-1:1,i.ya*=i.y>c||i.y<0?-1:1,r.fillRect(i.x-.5,i.y-.5,1,1),e=x+1;e<u.length;e++)n=u[e],null!==n.x&&null!==n.y&&(o=i.x-n.x,m=i.y-n.y,l=o*o+m*m,l<n.max&&(n===y&&l>=n.max/2&&(i.x-=.03*o,i.y-=.03*m),t=(n.max-l)/n.max,r.beginPath(),r.lineWidth=t/2,r.strokeStyle="rgba("+d.c+","+(t+.2)+")",r.moveTo(i.x,i.y),r.lineTo(n.x,n.y),r.stroke()))}),x(i)}var a,c,u,m=document.createElement("canvas"),d=t(),l="c_n"+d.l,r=m.getContext("2d"),x=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(n){window.setTimeout(n,1e3/45)},w=Math.random,y={x:null,y:null,max:2e4};m.id=l,m.style.cssText="position:fixed;top:0;left:0;z-index:"+d.z+";opacity:"+d.o,e("body")[0].appendChild(m),o(),window.onresize=o,window.onmousemove=function(n){n=n||window.event,y.x=n.clientX,y.y=n.clientY},window.onmouseout=function(){y.x=null,y.y=null};for(var s=[],f=0;d.n>f;f++){var h=w()*a,g=w()*c,v=2*w()-1,p=2*w()-1;s.push({x:h,y:g,xa:v,ya:p,max:6e3})}u=s.concat([y]),setTimeout(function(){i()},100)}();
</script>
</html>
